.FixedNavRight{
	position: fixed;
	height: 100%;
	left: 50%;
	margin-left: 595px;
	z-index: 999;
	.center{
		width: 40px;
		height: 100%;
		background-color: #49434d;
		margin: 0 auto;
		.FixRight{
			color: white;
			border-top: 1px solid darkgray;
			ul{
				margin: 70px 0;
				text-align: center;
				li{
					margin-bottom: 5px;
					span{
						font-size: 26px;
					}
				}
			}
			.goTop{
				text-align: center;
				font-size: 12px;
			}
		}
	}
}

.header{
	background-color: #f5f5f5;
	.center{
		width: 1190px;
		margin: 0 auto;
		.header-top{
			overflow: hidden;
			img{
				width: 100%;
			}
		}
		.header-bottom{
			display: flex;
			height: 40px;
			background-color: #f7f7f7;
			justify-content: space-between;
			.ul1{
				width: 220px;
				display: flex;
				justify-content: space-around;
				font-size: 12px;
				line-height: 40px;
				li{
					font-size: 14px;
					span{
						color: deeppink;
						font-size: 16px;
					}
				}
			}
			.ul2{
				width: 800px;
				display: flex;
				justify-content: space-evenly;
				line-height: 40px;
				li:nth-of-type(6){
					ul{
						position: absolute;
						z-index: 10;
						width: 300px;
						#imgLi{
							margin-top: 10px;
							img{
								display: inline-block;
								width: 150px;
							}
						}
					}
				}
				li{
					font-size: 12px;
					.a1{
						color: deeppink;
					}
					.iconfont{
						font-size: 16px;
						color: deeppink;
					}
					ul{
						margin-top: -10px;
						width:60px ;
						display: none;
						position: absolute;
						z-index: 10;
						background-color: white;
						li{
							text-align: center;
							height: 20px;
							margin-bottom: 5px;
						}
					}
				}
				li:nth-of-type(5){
					span{
						color: red;
					}
				}
			}
		}
	}
}

.search{
	.center{
		width: 1190px;
		margin: 0 auto;
		.sea-ul{
			height: 113px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			li:nth-of-type(1){
				width: 240px;
			}
			li:nth-of-type(2){
				width: 600px;
				.p1{
					height: 40px;
					width: 500px;
					border: 2px solid blue;
					text-align: center;
					display: inline-block;
					select{
						width: 70px;
						height: 100%;
						border: none;
						border-right: 1px dashed darkgoldenrod;
						option{
							border: none;
						}
					}
					input{
						width: 340px;
						height: 100%;
					}
					button{
						width: 80px;
						height: 100%;
						float: right;
						line-height: 32.5px;
						background-color: blue;
						color: white;
					}
				}
				.seach_button{
					height: 42px;
					width: 80px;
					line-height: 32.5px;
					background-color: tomato;
					color: white;
				}
				.p2{
					margin-top: 2px;
					span{
						display: inline-block;
						padding: 0px 10px;
						border-right: 1px solid darkgray;
						color: rgba(0,0,0,0.5);
						font-size: 12px;
					}
					span:nth-of-type(7){
						border: none;
					}
				}
			}
			li:nth-of-type(3){
				width: 260px;
				height: 40px;
				position: relative;
				overflow: hidden;
				ul{
					position: absolute;
					top: 0px;
					margin-top: -0px;
					li{
						height: 40px;
						display: flex;
						.left{
							span{
								font-size: 40px;
								color: blue;
							}
						}
						.right{
							font-size: 16px;
							margin-left: 10px;
						}
					}
				}
			}
		}
	}
}

.Navigation{
	background-color: white;
	.center{
		width: 1190px;
		margin: 0 auto;
		>ul:nth-of-type(1){
			position: relative;
			border-bottom: 3px solid blue;
			display: flex;
			height: 44px;
			line-height: 44px;
			justify-content: space-between;
			li:first-of-type{
				width: 180px;
				background-color: blue;
				color: white;
				text-align: center;
				box-shadow: 2px 2px black;
			}
		}
	}
}

.introduce{
	background-color: #f0f0f0;
	padding-bottom: 30px;
	.center{
		width: 1190px;
		margin: 0 auto;
		>p{
		font-size: 12px;
		color: rgba(0,0,0,0.5);
		margin-top: 6px;
		}
		>p:nth-of-type(2){
			color: rgba(0,0,0,0.7);
			margin-bottom: 10px;
		}
		.introduce_top{
			border: 1px solid darkgray;
			display: flex;
			justify-content: space-between;
			line-height: 74px;
			height: 74px;
			background-color: white;
			.int_left{
				display: flex;
				align-items: center;
				li:nth-of-type(1){
					img{
						height: 50px;
					}
				}
				li:nth-of-type(2){
					display: flex;
					font-size: 22px;
					align-items: center;
					img{
						width: 44px;
						margin-left: 20px;
					}
				}
			}
		}
		.introduce_bot{
			display: flex;
			justify-content: space-between;
			height: 368x;
			line-height: 40px;
			ul{
				font-size: 12px;
				display: flex;
				width: 546px;
				height: 100%;
				justify-content: space-around;
				li{
					span{
						padding: 5px;
						border-radius: 10px;
						background-color: white;
					}
				}
			}
		}
		.drugs{
			display:flex;
			background-color: white;
			justify-content: space-between;
			border: 1px solid darkgray;
			.drugs_left{
				border-right: 1px solid darkgray;
				width: 300px;
				position: relative;
				.enlarge{
					display: none;
					width: 300px;
					height: 300px;
					left: 300px;
					position: absolute;
					border: 1px solid darkgray;
					overflow: hidden;
					img{
						width: 900px;
						position: absolute;
					}
				}
				.middleImg{
					position: relative;
					border-bottom: 1px solid darkgray;
					img{
						width: 300px;
					}
					.middleArea{
						height: 100px;
						width: 100px;
						background-color: orange;
						opacity: 0.6;
						display: none;
						position: absolute;
						top: 0;
					}
				}
				.smallImg{
					margin: 10px 0;
					display: flex;
					justify-content: space-evenly;
					img{
						width: 38px;
					}
				}
				.QRcode{
					display: flex;
					justify-content: space-around;
					img{
						width: 135px;
					}
					margin-bottom: 20px;
				}
				.share{
					height: 170px;
					>p:first-child{
						display: flex;
						justify-content: center;
						line-height:20px ;
						margin-bottom: 20px;
						span{
							margin-left: 10px;
							font-size: 12px;
						}
					}
					>p:last-child{
						font-size: 14px;
						color: rgba(0,0,0,0.6);
						span{
							color: red;
							margin-right: 5px;
						}
					}
				}
			}
			.drugs_core{
				border-right: 2px solid darkgray;;
				flex: 1;
				dl{
					margin-left: 10px;
					width: 640px;
					dt{
						padding: 10px 0;
						margin-top: 10px;
						font-weight: 600;
						border-bottom: 2px solid black;
					}
					dd{
						margin-top: 16px;
						font-size: 14px;
						span:first-child{
							display: inline-block;
							width: 80px;
							text-align: center;
						}
					}
					
					dd:nth-of-type(1){
						line-height: 100%;
						span:nth-of-type(2){
							font-size: 22px;
							color: red;
							margin-right: 20px;
							font-weight: 800;
						}
						span:last-child{
							display: inline-block;
							background-color: blue;
							padding: 3px;
							border-radius: 8px;
							color: white;
							font-weight: 500;
						}
					}
					dd:nth-of-type(2){
						span:nth-of-type(2){
							text-decoration: line-through;
							color: rgba(0,0,0,0.6);
						}
					}
					dd:nth-of-type(4){
						.span1~span{
							display: inline-block;
							padding: 3px 10px;
							border: 1px solid darkgray;
							margin-right: 15px;
							margin-bottom: 6px;
						}
						span:nth-of-type(6){
							margin-left: 84px;
						}
						.a1{
							display: inline-block;
							width: 80px;
							margin-left: 104px;
						}
					}
					dd:nth-of-type(5),dd:nth-of-type(6){
						span:nth-of-type(2){
							color: blue;
						}
					}
					dd:nth-of-type(7){
						span:first-child~span{
							font-weight: 600;
							margin-right: 30px;
						}
					}
					dd:nth-of-type(9){
						span:first-child~span{
							margin-right: 20px;
						}
					}
					dd:nth-of-type(10){
						span:first-child~span{
							margin-right: 20px;
						}
						button:nth-of-type(2){
							margin-right: 20px;
						}
						input{
							width: 50px;
							height: 20px;
							border: 1px solid rosybrown;
							text-align: center;
						}
					}
					dd:nth-of-type(11){
						button{
							width: 160px;
							height: 40px;
							margin-left: 80px;
							color: white;
							font-weight: 500;
						}
						button:first-child{
							background-color:red ;
						}
						button:last-child{
							background-color: blue;
						}
					}
					dd:nth-of-type(12){
						margin-left: 20px;
						color: palevioletred;
						padding-bottom: 20px;
						border-bottom: 2px solid darkgray;
					}
					dd:nth-of-type(15),dd:nth-of-type(14){
						color: rgba(0,0,0,0.5);
						span{
							color: red;
						}
						
					}
				}
			}
			.drugs_right{
				width: 190px;
				dl{
					font-size: 14px;
					dt{
						border-bottom: 3px solid darkgray;
						img{
							height: 46px;
							display: inline-block;
						}
						span{
							position: relative;
							top: -16px;
							margin-left: 20px;
							font-size: 20px;
							font-weight: 600;
							color: orange;
						}
					}
					dd{
						margin-left: 10px;
						padding: 6px 0;
					}
					dd:nth-of-type(1){
						text-align: center;
						span{
							font-weight: 600;
							color: red;
						}
					}
					dd:nth-of-type(8){
						span{
							position: relative;
							top: -4px;
						}
						img{
							display: inline-block;
							width: 80px;
							margin-left: 20px;
							margin-top: 0px;
						}
					}
				}
				>p{
					margin-top: 30px;
					margin-left: 20px;
					button{
						margin-right: 10px;
					}
				}
			}
		}
	}
}

.footer{
	background-color: #f0f0f0;
	.center{
		margin: 0 auto;
		width: 1190px;
		img{
			width: 1190px;
		}
	}
}